<template>
	<view>
		<view class="title">
			<view class="bl"></view>功能期望
		</view>
		<view class="dev-box base-info">
			
			<view class="info-item">
				<view class="picker text-box">
					<picker @change="bindPickerChange"  :range="desireTypeArray">
						<!-- <view class="uni-input">{{ resumeInfo.education}}</view> -->
						<input class="padding-10" disabled="true"  :value="desireTypeArray[desireType]" />
					</picker>
					<text class="yzb yzb-next"></text>
				</view>
			</view>
			<view class="info-item">
				<view class="text">请用文字详细描述您的问题(300字以内)</view>
				<textarea v-model="questionDesc" cols="30" maxlength="300" rows="6" placeholder="您可以填写任何关于平台的建议,我们会定期根据用户填写的功能期望进行功能更新!"  class="text-box" style="padding:10upx 20upx;line-height: 45upx;"> 
				</textarea>
				<p style="text-align: right;">{{ questionDesc.length }}/300</p>
			</view>
			<view class="bus-img info-item" style="border:none;padding:0;margin-top:30rpx;">
				<view class="text" style="line-height: normal;">上传截图</view>
				<view class="space"></view>
			</view>
			<m-upimg count="3"></m-upimg>
		</view>
		<button class="submitBtn" @click="">提交反馈</button>
	</view>
</template>

<script>
	import iInput from '@/components/watch-login/info-input.vue'; //input
	import mUpimg from '@/components/m-upimg/m-upimg.1.vue'; //input
	export default {
		components:{
			iInput,
			mUpimg
		},
		data() {
			return {
				desireTypeArray:['平台功能期望反馈','平台功能漏洞反馈',"举报商家"],
				desireType:0,
				questionDesc:""
			}
		},
		methods: {
			bindPickerChange(e){
				this.desireType=e.target.value;
			}
		}
	}
</script>

<style lang="scss">
.title {
	margin: 20upx 4% 20upx 4%;
	font-weight: bold;
	font-size: $font-size-34;
	line-height: 50upx;
	.bl{
		border-radius: 6upx;
		float:left;
		margin-right:20upx;
		background-color: #36B957;
		margin-top:5upx;
		height:40upx;
		width:10upx;
	}
		
}
.text-box{
	border:1px solid #999;
	border-radius: 8upx;
}
.base-info{
	padding:0;
	.info-item{
		margin:0upx 25upx;
		padding: 10rpx 0;
		.text{
			font-size: 28upx;
			line-height: 76upx;
			font-weight: bold;
		}
		i-input{
		}
		.space{
		}
	}
}
.submitBtn{
	
	margin: 40upx 4% 20upx 4%;
	width:92%;
	height:80upx;
	line-height: 80upx;
	color:white;
	border-radius: 35upx;
	background-color: #5FDB7E;
}
.picker{
	width:320upx;
	background-image: url("@/static/img/icons-black-down.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 30upx 20upx;
}
</style>

